<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>登录注册界面 </title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" /> 
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/ace.min.css" /> 
	<link rel="stylesheet" href="${pageContext.request.contextPath}/font-awesome/4.2.0/css/font-awesome.min.css" /> 
	<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>
<body class="login-layout">
							<div class="login-container">
								<div class="center">
								<h1>
									<i class="ace-icon fa fa-leaf green"></i>
									<span class="red">WebService</span>
									<span  id="id-text2">应用管理</span>
								</h1>
							</div>

							<div class="space-6"></div>
								<div class="position-relative">
									<div id="login-box" class="login-box visible widget-box no-border">
										<div class="widget-body">
											<div class="widget-main">
												<h4 class="header blue lighter bigger">
													<i class="ace-icon fa fa-coffee green"></i>
													请输入登录信息 <span style="color:red">${errorMsg}</span>
												</h4>
	
												<div class="space-6"></div>
	
												<form action="${pageContext.request.contextPath}/login/login.do" method="post">
													<fieldset>
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="text" name="userName" class="form-control" placeholder="用户名" />
																<i class="ace-icon fa fa-user"></i>
															</span>
														</label>
	
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="password" name="password" class="form-control" placeholder="密码" />
																<i class="ace-icon fa fa-lock"></i>
															</span>
														</label>
	
														<div class="space"></div>
	
														<div class="clearfix">
															<label class="inline">
																<input type="checkbox" class="ace" />
																<span class="lbl"> 记住</span>
															</label>
	
															<button type="submit" class="width-35 pull-right btn btn-sm btn-primary">
																<i class="ace-icon fa fa-key"></i>
																<span class="bigger-110">登录</span>
															</button>
														</div>
	
														<div class="space-4"></div>
													</fieldset>
												</form>
												
											</div><!-- /.widget-main -->
	
											<div class="toolbar clearfix">
												<div>
													<a href="#" data-target="#forgot-box" class="forgot-password-link">
														<i class="ace-icon fa fa-arrow-left"></i>
														忘记密码
													</a>
												</div>
	
												<div>
													<a href="#" data-target="#signup-box" class="user-signup-link">
														注册
														<i class="ace-icon fa fa-arrow-right"></i>
													</a>
												</div>
											</div>
										</div><!-- /.widget-body -->
									</div><!-- /.login-box -->
	
									<div id="forgot-box" class="forgot-box widget-box no-border">
										<div class="widget-body">
											<div class="widget-main">
												<h4 class="header red lighter bigger">
													<i class="ace-icon fa fa-key"></i>
													找回密码
												</h4>
	
												<div class="space-6"></div>
												<p>
													输入您的电子邮件和接收指令
												</p>
	
												<form action="${pageContext.request.contextPath}/login/getPassword.do" method="post">
													<fieldset>
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="email" class="form-control" placeholder="Email" />
																<i class="ace-icon fa fa-envelope"></i>
															</span>
														</label>
	
														<div class="clearfix">
															<button type="submit" class="width-35 pull-right btn btn-sm btn-danger">
																<i class="ace-icon fa fa-lightbulb-o"></i>
																<span class="bigger-110">发送邮件</span>
															</button>
														</div>
													</fieldset>
												</form>
											</div><!-- /.widget-main -->
	
											<div class="toolbar center">
												<a href="#" data-target="#login-box" class="back-to-login-link">
													返回登录
													<i class="ace-icon fa fa-arrow-right"></i>
												</a>
											</div>
										</div><!-- /.widget-body -->
									</div><!-- /.forgot-box -->
	
									<div id="signup-box" class="signup-box widget-box no-border">
										<div class="widget-body">
											<div class="widget-main">
												<h4 class="header green lighter bigger">
													<i class="ace-icon fa fa-users blue"></i>
													用户注册
												</h4>
	
												<div class="space-6"></div>
												<p>填写信息: </p>
	
												<form action="${pageContext.request.contextPath}/login/add.do" method="post">
													<fieldset>
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="email" name="email" class="form-control" placeholder="邮箱" />
																<i class="ace-icon fa fa-envelope"></i>
															</span>
														</label>
	
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="text" name="user_name" class="form-control" placeholder="用户名" />
																<i class="ace-icon fa fa-user"></i>
															</span>
														</label>
	
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="password" name="password" class="form-control" placeholder="密码" />
																<i class="ace-icon fa fa-lock"></i>
															</span>
														</label>
	
														<label class="block clearfix">
															<span class="block input-icon input-icon-right">
																<input type="password" class="form-control" placeholder="确认密码" />
																<i class="ace-icon fa fa-retweet"></i>
															</span>
														</label>
	
														<label class="block">
															<input type="checkbox" class="ace" />
															<span class="lbl">
																接受
																<a href="#">用户协议</a>
															</span>
														</label>
	
														<div class="space-24"></div>
	
														<div class="clearfix">
															<button type="reset" class="width-30 pull-left btn btn-sm">
																<i class="ace-icon fa fa-refresh"></i>
																<span class="bigger-110">重置</span>
															</button>
	
															<button type="submit" class="width-65 pull-right btn btn-sm btn-success">
																<span class="bigger-110">注册</span>
	
																<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
															</button>
														</div>
													</fieldset>
												</form>
											</div>
	
											<div class="toolbar center">
												<a href="#" data-target="#login-box" class="back-to-login-link">
													<i class="ace-icon fa fa-arrow-left"></i>
													返回登录
												</a>
											</div>
										</div><!-- /.widget-body -->
									</div><!-- /.signup-box -->
								</div><!-- /.position-relative -->
							</div>

		<script type="text/javascript">
			jQuery(function($) {
			 $(document).on('click', '.toolbar a[data-target]', function(e) {
				e.preventDefault();
				var target = $(this).data('target');
				$('.widget-box.visible').removeClass('visible');//hide others
				$(target).addClass('visible');//show target
			 });
			});
		</script>
	</body>
</html>